<script setup>
import { computed, ref } from 'vue';
// 快捷键 ctrl + i
const age = ref(20)

// 1.写法1，直接返回需要的数据
const nextAge = computed(() => {
    return age.value + 1
})

// 写法2，即可以输入，也可以通过计算得来 set/get
const nextAge2 = computed({
    get() { return age.value + 2 },
    set(val) { age.value = val - 2 }
})
</script>

<template>
    <div>我今年的年纪 <input type="text" v-model.number="age" /></div>
    <div>我明年的年龄 {{ nextAge }}</div>
    <div>我后年的年龄 <input type="text" v-model.number="nextAge2" /></div>
</template>